/**
 * @fileOverview
 * todo 登录界面
 * @author xiaof
 * @since 2018/8/27.
 */
"use strict";

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import  './style.css';

class Login extends  Component{
    Log=()=>{
        console.log("账号:"+document.getElementById('username').value);
        console.log("密码:"+document.getElementById('password').value);
    };
    render(){
        return(
            <div>
                <form name="login">
                    <div>
                    <img src="" alt=""/><input id='username' name='username' type="text" placeholder='请输入手机号'/>
                    <br/>
                    <img src="" alt=""/><input id='password' name='password' type="password" placeholder='密码'/>
                    </div>
                    <button id='submit' type="button" onClick={this.Log}>登录</button>
                    <button id='signIn'>注册</button>
                </form>
            </div>

        )
    }
}

class LoginLogo extends Component{
    render(){
        return(
            <div>
                <div id="logo">
                    <div id='text'>小字部分</div>
                </div>
                <Login></Login>
            </div>
        )
    }
}



ReactDOM.render(
    <LoginLogo></LoginLogo>,
    document.getElementById('app')
);